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Boat Race 
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Check your answers here — no cheating now! 


Welcome 
to the 


First Ever 


Code Club 
Book! 


C ode Club is a movement of free, fun computing 
clubs that meet in over 150 countries all over the 
world. At Code Club, hundreds of thousands of 
young people - just like you — learn how to create with 


technology and have made their own games, animations, 
websites, and more. 


To get a computer to do things you want it to, you 

need to give it instructions in a language the computer 
understands. Creating those instructions is called coding 
or programming. 


In this book we show you how to use a programming 
language called Scratch, which uses blocks to tell the 
computer what to do. Each block contains an instruction 
that the computer understands. You put blocks together 
to make your program. Simple. 


Programming in Scratch is a great way to learn how to 
code. It's also really creative. You can create your own 
characters and backgrounds to make your project unique. 
You can remix and change existing projects. For example, 
you can make a game more difficult by speeding things 
up, or easier by slowing things down. The possibilities 

are limitless. 


In each chapter you'll find instructions for building a cool 
project with Scratch. Our friendly Code Club robot will 
guide you through and give you some handy tips. There 
are tick-boxes to help you keep track of your progress (we 


Foreword 


Foreword 


love tick-boxes) and you can give yourself a big pat on the 
back when you finish each project. 


We've also included lots of challenges for you to change 
and personalise your projects and plenty of ideas to 
inspire you to create something new using the computing 
Skills that you learn. 


Coding can be hard and even the world's best computer 
scientists get stuck sometimes. That's why we've included 
some special upside-down hints that you can use if you're 
really stuck. Only to be used in emergencies! 


Once you've completed the projects in this book, you 
can find loads more fun project ideas on our website 
rpf.io/ccprojects. 


You could also ask your teacher to set up a Code Club in 
your school using the letter on the next page. Don't forget 
to sign it and to complete the blank space we left to tell 
your teacher why you love coding! 


| really hope you enjoy this book and | can't wait to see 
what you create. 


Maria Quevedo 
Director of Code Club 


eee 


Fill out this letter and give it to your teacher 
if you would like to start a Code Club in your school. 


Dear 


I've been learning how to code at home using the Code Club Book of Scratch. 
NS | would love to keep coding at a Code Club in our school. | love coding because... 


Code Club is a global network of over 12 000 coding clubs for 9 to 13-year-olds. 
They provide free online projects, training, and resources to help teachers and 
educators run lunchtime or after-school clubs. 


You don't need any coding experience to run a club: Code Club's projects are NS 
really easy to follow and help pupils and teachers develop their programming 

skills. They are really fun and a great starting point for creating awesome games, 

websites, and animations! 


It would be so great to have a Code Club in our school, and I'd be happy to help! 
Here's what other teachers say: 

“I started a Code Club to give pupils a chance to try different things, 

as well as to explore their own ideas. Pupils have a natural love of 
creativity, technology, and challenge — Code Club ticks all these 


boxes and has provided me with an excellent platform to embed 
Computing in a school setting.” 


Matt Warne, Teacher at RGS The Grange 


> 


If you'd like to find out more, visit codeclub.org 
From, 


[codel 
(club j 


Code Club is part of The Raspberry Pi Foundation 
UK registered charity 1129409 


Introducing 
Scratch 


Let me introduce you 
to the Scratch Cat... 
Hey, where did it go? 
Here puss! | promise 

not to delete you! 


cratch is a programming language that allows you 

to use code blocks to create animations, stories, 

musical instruments, games, and much more. It's a 
bit like programming using Lego! 


The easiest way to start programming in Scratch is to use 
the online editor. Visit scratch.mit.edu in a browser and 
click Create at the top of the page to get started. 


Create stories, games, and animations 
Share with others around the world 


® 
est & JOIN SCRATCH 
TRY IT OUT 


Y o 


A creative learning community with 31,342,657 projects shared 


ABOUT SCRATCH | FOR EDUCATORS | FOR PARENTS 


There are lots of advantages to working online, but if you 
prefer to work offline (or don't always have an internet 
connection), you can click Offline Editor at the bottom of 
the homepage to download Scratch instead. 


Community Support Legal 


Community Guidelines Tips Terms of Use 


Discussion Forums FAQ Privacy Policy 


Scratch Wiki Offline Editor DMCA 


Statistics Contact Us ~ 


Scratch Store 


Donate 
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) Filev Edity Tips About 


Find your way around the Scratch editor... 
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Sprites 
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X: 240 y: -180 


New sprite: © / $ 6 
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A project contains ‘sprites’ 


which you add code to. 
Sprites appear on the 
stage and can be coded 
to move around, make 
sounds, and do lots of 
other things. 


BLOCKS PALETTE 


Code blocks can be used 
to control your sprites 
and stage backdrop. All 
blocks are colour-coded, 


and can be found in the 
categories at the top of 
the blocks palette. 


SCRIPTS AREA 


Drag blocks from the 
palette to this area and 
create scripts by clicking 
them together. 


BACKPACK 


Add scripts to your 
backpack to use them 
in other projects. 


SPRITE LIST 


This shows all of the 
sprites in your project. 
You can click the blue 
information icon on 
any sprite to change 
its name and how 

it behaves. 


BACKDROPS 


Change how your 
stage looks by adding 
new backdrops. 


Make your stage 
full-screen so that others 
can see your creation in 
its full glory. 


PROJECT NAME 


START/STOP 
YOUR PROJECT 


CURSOR TOOLS 


Duplicate FJ , Delete EJ, 
Grow E}, and Shrink 
a sprite (by clicking an 
icon and then a sprite 
on the stage). Click the 


Block Help tool 4 , then 
a block in the palette to 
learn more about it. 


SCRIPTS/ 


COSTUMES/ 

SOUNDS TABS 
Switch between coding 
your project, and adding 
costumes and sounds. 


MOUSE POINTER 
CO-ORDINATES 


If you have a Scratch 
account, you can share 
your projects with 

the community. 


SEE PROJECT 
PAGE 
Add instructions and 
other notes to your 
project, and see how 
others in the community 
are interacting with it. 


TIPS 

Get project tutorials, 
tips on using Scratch, 
and learn more about 
how each block works. 


Use the menu to load, 
save, and browse your 
projects, and access loads 
of other useful options. 


MY STUFF 


This is where your 
projects are stored online. 
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Click on this tab to open the paint editor 


costume2 


x11 


Add costumes to a sprite 
by adding them from 

the Scratch library # , 
drawing your own / , 
uploading an image from 
your computer & , or 
using your webcam w& to 
take a picture. 


2: COSTUMES LIST 


Your sprite’s costumes 
will appear here, and you 
can click one to start 
editing it. 
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Vector Mode 


Convert to bitmap 


—— &® 
CANVAS 


This is the canvas where 
you edit a costume. 


COSTUME NAME 


You can change the 
name of a costume, 
so that you can find it 
more easily. 


You can use these tools 
to edit your image. You 
can add lines, shapes and 
text, as well as adding 
colour, and lots more. 


UNDO/REDO 


Use these arrows to undo 
or redo your last action. 


Clear the current 
costume and start again! 


Add another costume 
image from the 
Scratch library. 


IMPORT 


Add another 
costume image from 
your computer. 


Flip costume horizontally 
oa or vertically & . 


COSTUME 
CENTRE 
Set your costume’s 
centre, which is used 


when moving and 
rotating your sprite. 


Use these icons to 
zoom in and out of your 
costume as you edit it. 


BITMAP/VECTOR 
MODE 


The paint editor has two 
modes — Bitmap and 
Vector. In Vector mode 
(shown here), the editor 
lets you to edit shapes 
after you have created 


them, and your costumes 
and backgrounds will 
look really good when 
you make them bigger. 
When you create a new 
costume, the editor will 
be in Bitmap mode by 
default. In Bitmap mode, 
you can't easily move or 
resize shapes you have 
drawn, but some people 
find it easier to get 
started with. When you 
edit an existing costume, 
the editor will be in the 
mode that the costume 
was Created with. 


COLOUR PALETTE 


Use this palette to 
choose a colour. 


COLOUR PICKER 


Use this to pick up a 
colour on your costume. 


LINE SIZE 


Move this slider to 
change the line size used 
when drawing. 


COLOUR SWITCH 


Switch between two 
selected colours. 


SWITCH PALETTE 


Change the colour 
palette to ‘advanced’ 
to give you access to 
more shades. 
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Change the sounds your sprites make 


Scripts Costumes Sounds 
New sound: _—_—_ = 
7. = @ --@ 
01 TE 
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meow 
00:00.84 


MICROPHONE 
VOLUME 
(06 | > E © Editv Effects v (08 | Adjust your 
microphone volume 


to record quieter or 
louder sounds. 


Microphone volume: 0: 


(05 | 
eeeeeeeeegé#ese§e#eteeee (01: NEW SOUND) PLAYBACK 
You can add sounds to a CONTROLS 


sprite (or the stage) from Listen to your sound, or 
the Scratch library '& , by record a new one. 
recording your own (if you 

have a microphone) £ , EDIT 

or by uploading a sound Remix your sound 

from your computer & . by cutting, copying, 


and pasting. 
SOUNDS LIST 
Your sprite/stage’s sounds EFFECTS 


appear here, and you can Add effects to your 
click one to start editing it. sound, such as fading in 


FOS: SOUND NAME and out or reversing. 
You can change the name SOUND WAVE 


of a sound, so that you This is what your 

can find it more easily. sound looks like! You 
can select a part of 

your sound to edit by 

Undo or redo your dragging over it using 

last action. the mouse. 
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Save and share your projects online 


Creating a Scratch account will allow you to save your 


projects online, so that you can access them from You'll 
need parental 


any computer with an internet connection. You will S 

, ; permission to set up an 
also be able to share your projects with the Scratch account if you are under 13 
community and comment on other projects. To years of age. Read the community 
create a Scratch account, click Join Scratch. guidelines at scratch.mit.edu/ 
When coding online... community_guidelines before 


creating an account. 


® Don't use your real 
name when creating 
a user name. 


© Be respectful 
of others when 
commenting on and 
remixing projects. l 
RB S Filer 
If you have a Scratch eted <=> 
account, you can click 
File and then Save now 
to save your project. 
Once you've saved your 
project, it will appear in 
your My Stuff folder. 


To access your stuff from 
within a project, click File 
and then Go to My Stuff. 
You should see a list of all 
of your projects. 
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SAVING PROJECTS WITHOUT 
A SCRATCH ACCOUNT 


If you don't have a Scratch account, you can still save 
your Scratch projects by clicking File and then Download 
to your computer. You will then be asked where to store 
the Scratch project, which will be a .sb2 file. This will 
download your project from the Scratch editor. 


@ Filey Edity Tips About 


Upload from your computer 


Download to your computer 


Revert bs 


To continue working on your project, go into the 
Scratch editor and click File and then Upload from your 
computer. Find your Scratch .sb2 file and click OK / 
Open. This will upload your project to the Scratch editor. 


Save File 


Name: { fEini.sb2 


A Home | [alarik Documents > G 
Im Desktop | Name a Size Modifie 
Documents 
Downloads 


Music 


dd 
© Pictures 
m 


Videos 


+ Other Locatio... 
| 


Cancel 


The Scratch community 

One of the great things about programming in Scratch 
is that you get to be part of a community of millions of 
people around the world, all creating and sharing their 
ideas with each other. 


FINDING PROJECTS 


To see what others in the Scratch community are making, 
click Explore in the top menu of the website. You can 
look for popular or recently created projects, as well as 
searching by keyword, such as ‘Games’ or ‘Tutorials’. You 
can use the search bar if you are looking for something 

in particular. 
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Once you've found a 
project you like, you 
can click the green flag 
to play it. Below the 
project are buttons to 
favourite/love a project 
or to report a project 

if it is inappropriate. 
You can also leave a 
comment, and click | | RPiFoundation 
See Inside if you want == 

to see the code. 


If you find someone 
whose work you like, 
you can click their 
user name and then 


‘ve been doing 


click Follow. You eClubRik shared the project High 
will then be notified 
when they create 
something new. 


eClubRik shared the project High 
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You can use other Scratch projects to get ideas, and use 
them as a starting point for your own creations. If you 
have a Scratch account, you can click Remix on a project 
to save your own copy. 


J RPiFoundationv 


6% See project page 


Sharing 

Sharing your projects with the Scratch community allows 
others to enjoy your awesome creations. Projects aren't 
shared with the community unless you want them to be, 
and you can share 


projects by clicking Ea RPiFoundationy 

l 
the Share button at | ) G9 See project page | 
the top-right. — 


Boat Race 


hy CodeClubRik DRAFT 


Instructions 
-_ 

=, Use the mouse pointer to play. 
Get to the desert island, and avoid the wooden obstacles! 
The white arrows boost your boat 


Notes and Credits 
This project teaches how to use various ‘sensing’ blocks: 
= "key ... pressed? 
- distance to mouse pointer 
‘touching color ... 7. 


Ə Shared; 24 May 2015 Modified: 10 Apr 2018 
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@ Comments (0) © Remixes (243) View all 


Tum off commenting Boat Race Now 
by birdeatert 


Before sharing your project, it's a good idea to check the 
project page to make sure the community have all the 
information they need to use your project. You can add 
instructions to tell others how to use your project, and credit 


other people who have helped you (especially if you've 
remixed a project). 


Once shared, others in the community will be able to 
comment on your project, although you can disable 
comments if you prefer. Comments are really useful for 
improving your project by finding out what people do 
and don't enjoy. You can also see how many people have 
viewed, favourited, and loved the project, as well as how 
many have remixed your project. 


Tips for Scratch coding 

If you're not sure what a 

code block does, you can 
right-click and select help to 
learn more about it. You can 
also just click the block to see 
what it does before adding it 
to a script! 


move Éf) ste 


duplicate 
delete 


add comment 


If you need a bit more help, 
Scratch has a help section 
that includes: 


® Step-by-step 
instructions for making 
animations, stories, 
music, and games 


® A ‘How to’ section that 
shows you how to 
do specific things in 
your project 


® A'Blocks’ section that 
explains what each of the 
blocks do 
If you are not sure how to do 
something, you can also ask 
others for help. Maybe they 
had the same problem as you! 


f Motion 
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| Events 


| contro 


I Sound 
I Pen 
q Data 


Ij Sensing 
f Operators 
J More Blocks 


switch backdrop to backdrop] 


«change color 


set color 


effect by > 
b Å— 


ry 
effect to 


clear graphic effects 
change size by @ 


set size to @ % 
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Test your code regularly, to make sure your code does 
what you want it to. You will find it much easier to fix 
problems in your code if you test each time you make a 
change to your code. 


Get others to try out your projects, and ask them 

what they like about your project and what they 

would improve. 

You can add comments to a script by right-clicking on 

a block and selecting add comment. It's a good idea to 
comment a script to explain what it does, so that others 
will know what your scripts do. It's also useful in case you 
forget what your code does! 


when this sprite clicked 


Ds 


‘change y by @ This script makes 
> 


i the sprite jump up 

paai (0.1 secs and down 4 times. 
change y by (-20) 

> 


wait Œ} secs 


To delete blocks, drag 
them over the palette 
area. Don't worry if 
you accidentally delete 
blocks you need: you 


move @ steps can click the File menu 
turn Ça @ when clicked and then undelete to 
forever get them back! 


next costume EE ( TESTS OeTerer reer rere eee ree rere er rere) 


walt 0.1 secs 


point in ¢ F You can right-click on 
a block and choose 
duplicate to make a 
go to x: @Ð y: © copy of that block and 


the blocks attached 


below it. 


point towards ™ouse-pointer 


Dragging blocks to another sprite makes a copy of them. 
This is useful if you need similar code in another sprite. 


If you can't find the 
blocks you need to 
control a sprite, for 
example the Motion 
blocks, it may be 
that you have the 
Stage selected. 


change y by 


Sprites 


1 backdrop 


New backdrop: 


a/d 
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delete R 


add comment 


help 


New sprite: © / $ 6 


Can't wait to 
get coding? 


Turn the page to start 
your first project... 


Scripts Backdrops 
[| Looks 8 Control 
il Sensing 


Stage selected: 
No motion blocks 
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Rock Band 


It’s time to 
start coding! 


Let's create a musical 
masterpiece! 


Rock Band 


FINISHED PROJECT 


You can add extra 
instruments and get them 
to play sounds or notes 


Choose any of 18 
built-in drum sounds to 
play when the drum is hit 


When you click the robot, 
it sings - and its costume 
changes to make it look 
like it’s singing 


STEP 1: SPRITES AND THE STAGE 


Sprites 
Let's start by taking a look at Costumes 
the Scratch project. Events 

Sequencing 


In a web browser, go to rpf.io/book-rockband to 


open the Rock Band Scratch project. Click Remix. instructions 


Sound and music 


If you'd prefer to use Scratch offline, click File > 
Download to your computer in the Scratch online editor. 
You can then open the project in the offline editor. [See 
the ‘Introduction to Scratch’ chapter for more information 
on using Scratch offline.] 


PROJECT FILES 
The stage is at the top-left of the editor, and is where the Sete best cree 
tion h Think of it f just lik To download a zip file___ 
action happens. Think of it as a performance area, just like of all the Scratch 2 
alfeal stage: - (.sb2) project assets 
files for this book, go to: — 
This project contains sprites which you can add code i J 


blocks to. Sprites appear on the stage and can move 
around, make sounds, and do lots of other things. 


rpf.io/book-s1-assets 


Rock Band 


TIP! EVENTS Fem 


4 


Events 
blocks are used to tell 
sprites when to run some code. 
Scratch has lots of Events blocks, 
for running code when a project 
starts, a sprite is clicked, a key 
is pressed, and more. 
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: Sprites 
If you want to —— ; - 
change the stage g | 
backdrop, click fr W 
the Choose Stage Singing R... Mic 


1 backdrop 


backdrop from 
library icon and 
select your own 
from the library. 


New backdrop: 


Choose backdrop from library 


You can add a new 
backdrop to the project 


STEP 2: CODE A DRUM 


Let's code your drum to make music when it's hit. 


Select your Drum sprite and click the Scripts 
= tab. You should see lots of colour-coded 
: blocks that can be used to control your robot. 
Click on the Events category and then drag a 
E A ARE) block from the blocks 
palette into the coding area to the right. 


Costumes Sounds 


| Motion i 

I Looks Control 

I Sound | Sensing 

| Pen | Operators 
ii Data | More Blocks 
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Rock Band 


When 
TIP! SEQUENCING writing computer 
code, it’s important that the 
instructions to carry out are placed in 
the correct order. In a Scratch script, the 
blocks carry out their instructions in 
order from top to bottom. 


Any code that you attach to your Events block 
will be run in order when you click your drum 
sprite. To play a sound, click the purple Sound 
category in the Scripts pane, to show all the 
Sound blocks below. Drag a block 
into the coding area, easels it to the bottom of 


Scripts Costumes Sounds 


| Motion ll Events 

| Looks Control 

I Sensing 

I Pen | Operators 
j] Data | More Blocks 


play drum @& for beats 
a 
Drop the play drum block just underneath the 
block so that it connects to it 


E TEST YOUR PROJECT 


Click on your drum sprite and you should hear a sound. 


(©) CHALLENGE 
HIT IT 


Can you code your 
drum to make a sound 
when the SPACE bar 
is pressed? 


You know it’s 
coming, but there's 


nothing you can do 
about it! 


ALTER YOUR DRUM 


Want to change the sound that your drum makes 
when it's clicked? 


| play drun 
— TAN OLA 
(1) Snare Drum 


(2) Bass Drum 


12\ Qida Qłink 
(3) Side Stick 


(5) Open Hi-Hat 


IA Minana LE Lies 
(6) Closed Hi-Hat 


(4) Crash Cymbal 


17\ Tamhniirina 
(7 } Tambo urine 


It's easy to change the sound © 
of the drum in the JEA AT 
block. Click the down arrow 

next to the drum number to see 
a list of different drum sounds 
to choose from. 


Rock Band 


ADD A ROBOT SINGER 


Let’s code your robot sprite to make 
a sound when it's clicked. 


[J Click on your robot sprite and then add a 


aak lees aE Events block from the 


blocks palette, just like you did with your drum. 


f Motion 


| Control 

I Sensing 

I Operators 

I More Blocks 


when this sprite clicked 


when space key pressed m A 


when this Or) clicked 


As before, drag the block to the right and drop it in 
the coding area 


Drag a EIENEN Wm lal di Me CES block into the 


coding area, attaching it to the bottom of the 


: when this sprite clicked ]elfefer¢ 


q Control 


EE | sensing 


| Operators 
| More Blocks 


play sound human beatbox1 


play sound human beatbox1 until d 
stop all sounds 
~h play sound human beatbox1 until do! 


play drum €$ for @ŒÆÐ beats 


rest for beats 


when this sprite clicked 


30 


{t HOW TO... 


EDIT SOUNDS 


Want to change the sound that your robot makes? 


Scripts Costumes 


New sound: 


«ee 


1 x 
TÁ 
T i 
N 
human beatb... 
00:04.70 


human beatbox1 » Œ 


Edity Effects v 
> E O ; 


Microphone volume: 0 


First, click on the ‘Sounds’ tab at the top 

of the editor. Using the Effects drop-down 
menu, you can make the sound louder, softer... 
or even reverse it! In addition, you can add 
other sounds from the Scratch library, record 
your own, or upload them, using the icons 
under ‘New sound:’. 


Let's make your robot look like it’s singing! TIP! COSTUMES 


Click on your ; 
4 Scripts <> sonos 
robot sprite and C 


then click on the Pei So Le 


{robot-a 
Costumes tab ¢/aa 
at the top of the 
editor. You'll see \ 
that the robot has 
two costumes. a 


Click the Scripts tab to get back to your code. 
Click the Looks category and then drag two 
blocks into your code. Make 
sure that your robot first displays the robot-b 
costume, plays a sound, and then switches back 
to robot-a. 


switch costume to robot-b 


| play ‘sound human beatbox1 “until done 


switch costume to robot-b switch costume to robot-a 


switch costume 
play sound 


Rock Band 
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EDIT COSTUMES bas 


Want to change how the robot looks when A) 

it's singing? Click the Costumes tab, sn 

then select the robot-b costume. You can 

then use the paint editor tools to alter 

it. Currently, it simply has three lines 

coming from its mouth, drawn using the 

line tool. You can use editing tools, such 

as the pencil, to make more changes to 

your robot. n 


STEP 5: PLAYING A TUNE 


Let's add a new piano sprite that plays a tune 
when clicked. 


Click the Choose sprite from library icon just 
below the stage to add a new sprite from the 
Scratch library. 


cesocooooooosoocoocooooooocooooooooooooooooooooooosoooooosooooooooo ool 


Click the Music theme, select the Piano sprite, 
= and then click OK to add it to your project. 


The piano is too large to fit on the stage easily, so 

= click the Shrink icon — in the tools to the right of 
‘About’ in the top bar — and then click repeatedly 
on the piano on the stage to reduce its size. 


New sprite Ta [o] 


‘ant Choose sprite from library 


Drum 


Click this icon to add a 
sprite from the library 


You'll find the piano 
in the Scratch 
sprites library 


to 8007S 2Q+ 


eeeeue05eeeeecs$eeeses8s§csc&ses&seeeneoesn#es35qeeeesggeeseeseees22e#eee#ee# 


Now add some (JEN ater) blocks under a 
block to play a song/tune 
when the piano sprite is clicked. 


play note (607) for beats 
play note for beats 


play note for beats 


play note (607) for beats 


TIP! PLAY NOTE BLOCKS 


(©) CHALLENGE 


CREATE YOUR 
OWN TUNE 


Can you change the 
notes played, and 
create your own tune? 


set instrument to @) 

play note ŒJ f (1) Piano 

play note Gt (2) Electric Piano 
play note Œf (3) Organ 

play note GI f. (4) Guitar 


(5) Electric Guitar 


(10) Clarinet 

(11) Saxophone 
(12) Flute 

(13) Wooden Flute 


USE WEBCAM INPUT 


If you have a webcam, you can use it to play 
instruments when you move over them! 


HINT! 
(©) CHALLENGE HINT: 


MAKE YOUR OWN BAND 


Can you use what you've learnt in this chapter to make 
your own band? Look at the available sounds and 
instruments to get some ideas, or you could even draw 
your own. Your instruments don't have to be sensible - 
you could make a piano made out of doughnuts! 


FULL CODE LISTING 


DRUM % 
When the drum sprite is Si 


a drum beat is played. 


when this sprite clicked 


This Sound block plays 
the chosen drum sound 
for 0.25 beats 


ROBOT SINGER 
When the robot is clicked, it changes its costume 
before playing a sound. Once the sound has finished, 
the robot changes back to the first costume. 

This block waits until the sound 


has finished playing before 
moving on to the next one 


when this sprite clicked 


PIANO 


When the piano is 
clicked, four notes 
are played one after 
the other. 


Rock Band 


Now You Could Make... 


With the skills you've learnt, why not try these projects? 


SOUNDBOARD 


Fill the stage with lots 
of different sprites 
that make a noise 

or play some music 
when clicked. 


when this sprite clicked 


INTERACTIVE BIRTHDAY CARD 


Create an interactive birthday card for a friend. You 
could play them a song or even record your own 
personalised message. 


when this sprite clicked 


Fancy heading 
out into space? 


ABOUT YOU 


Create a project to tell 
people more about you. 
You could add sprites for 
your favourite hobbies 
and interests, and use 
say blocks to talk about 
_ them when the sprites 
are clicked. You could 
even use lots of 
blocks to tell a story! 


when this sprite clicked 


Rock Band 


Spot the Difference 


There are ten differences between these two images. 
Can you spot them all? answers on page 110. 


Lost in Space 


Lost in Space 


Create your own space-themed animation, 
including spaceships, asteroids, and floating 
space-monkeys 


Time to launch 
your next project! 


We're heading to outer 
space for this one! 


In this chapter you'll learn how to 

use loops to animate sprites. You'll 

code a spaceship that travels back to 

Earth, a floating monkey astronaut, 
an asteroid, and a shining star. 


TIP! 


WHAT YOU'LL LEARN 


° Moving sprites 
around the stage 


PROJECT FILES 


© Repetition (loops): 


e (=e block 
e CT block 


rpf.io/book-s1-assets 


WHEN FLAG CLICKED 


Let's start by making a spaceship 
that flies towards the Earth. 


In a web browser, go to rpf.io/book-lostinspace to 
open the Lost in Space project. = 


Click on the ss 

Spaceship sprite go to x: A -60) 
and add the point in direction (0 v) 
following code: Dy for @ secs 


point towards Earth 


glide @ secs to x: y: 
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(© CHALLENGE 


SPEED 

UP YOUR 
SPACESHIP 

Can you make the 
spaceship move faster 
(or slower) towards 
the Earth? 


CO-ORDINATES 


The numbers in the 

go to] || glide 
blocks are x and y 
co-ordinates for setting 
a sprite’s position on the 
stage. You'll learn more 
about co-ordinates in 
the ‘On Target’ chapter. 


TIP! DIRECTION 


point in direction Gy 
(90) right 


(-90) left 
(0) up 
(180) down 


This number is the angle that a 
sprite is facing (in degrees). You can 
enter any number between 0 and 180 
clockwise, or 0 to -180 anti-clockwise. 


Directions in Scratch 


0° 
P 45° 
<b 135° 
180° 


What number would you need 


to enter in the Eoad ak. iola] 


block for the spaceship sprite to 
face this way? 


Lost in Space 


ANIMATING USING LOOPS ere hao cae a 


Now that you know how to write code to move 
sprites, let's use a ‘repeat’ block to create more 
interesting animations. 


Delete the @EJ block from your spaceship script 
= by right-clicking on the block and clicking delete. 
: You can also delete code by dragging it off the 

script area, back into the blocks palette on the left 

of the editor. 


when clicked 


go to x GED v: GD 


point in direction @Y 


say for @ secs 


point towards Earth 


lide @ secs to v 4F™ .- 
g © duplicate 


add comment 


help 


Once you've 
removed the 


GED block, add when clicked 


a GEN block . ETD.. 
Dooa | 00 0 x CED y: D 


block instead. This | E AR OY) 


code will move 
i CEVA Let's go! Kola secs 
your spaceship a y Ə 


small amount, lots point towards Earth 
of times! 
repeat 


move @ steps 
-$ 


Lost in Space 


If you click the green flag to try out this new code, 
you'll see that it does pretty much the same thing 
as before. 


%, In your new code, how many times does your 


spaceship move? Cs) 


How many steps does your spaceship 


move each time? Cs) D 


[J You can add more code 
to your loop, to change when clicked 


repeat 
move steps 
turn (4 degrees 


next costume 


how your spaceship Peer © 
looks as it moves. Add 


the CESID point in direction @®9 
block (from the Looks say for @ secs 
category), to repeatedly point towards Earth 


change the spaceship S T 
costume as it moves. 


A (repeat block runs 
the code inside it repeatedly, 

a set number of times, or until a 
certain condition is met. Repeating 
code lots of times is sometimes called a 
‘loop’, as the code loops back to the start 
of the repeat block once it gets to the 
end. A| forever block repeats the 
code inside it forever. 


move @ steps 


next costume ) 


Click the green flag 
= to test your new 
animation. 


As well as changing the when clicked 


spaceship’s costume, Dae: © 
you could also make it eae 

t t 
appear to get smaller point in direction @RY 


as it moves towards say for @ secs 
the Earth. point towards Earth 


repeat 


move @ steps 


> 


next costume 


change size by (-1] ) 


E; 


set size to % 


switch costume to Spaceship-a 


(S) DEBUG 
DEBUG YOUR CODE 


Problems with your code are called ‘bugs’, and spotting 
and fixing those problems is known as ‘debugging’. When 
writing code, you might often find that your projects don't 
do what you want them to do first time. 


Having a bug in your code is nothing to worry about - it 
happens to programmers all the time! In fact, fixing bugs 
is a great time to learn more about coding and how your 
project works. 


nn g 


Lost in Space 


eoceoeec eo eo eo eee eee FLOATING MONKEY 


Now we'll add a monkey to your animation, 
who's lost in space! 


Let's start by making the monkey look more like 

= an astronaut! Click on the Monkey sprite and then 

> click the Costumes tab. Click the Ellipse tool in the 
paint editor and choose a colour which will show up 
against the stage backdrop. 


Clear Add Import t oa =) +f 


Ellipse (Shift: Circle) 


Q=aa 


200% 


Vector Mode 
l imm l Convert to bitmap 


Use the Ellipse tool to 
= draw a space helmet 

around the monkey's 
head, by clicking and 
dragging the mouse. 


Next, click the 
Scripts tab and 


add code to the (©) CHALLENGE 

monkey, so that 

it spins slowly in IMPROVE 

a circle forever. YOUR MONKEY 
ANIMATION 
Can you make your 
monkey sprite 


spin faster? 

Can you make the 
sprite get smaller 
as it spins, so that it 
looks as though it's 
floating away? 


Let's add some floating 
space-rock to your animation. | | fa 
go to front 
Click on the Asteroid point towards Earth 
sprite and add this code to 


make the asteroid bounce move @ steps 
around the screen. Pon cies, eee 


YOUR STAR 
SPRITE 


If your star sprite ends 
up getting too big or too 
small, you can add a ‘set 
size’ block at the start 
of your script to reset 
its size. 


DEBUGGING So 


Let's combine loops to make a shining star. 


set size to % 
Click on the Star 
sprite and add this p” O O 


code to make the | fa 


= star slowly get k E 
© aa larger and then 20 
MAKE n smaller again. 
YOUR OWN 
20 


ANIMATION = 
S Ae t SE RE 
F change size by 

click File and then New, your star sprite - 
to start a new project. ee ae = 
Use what you've learnt a aera 
in this project to make SUD SUE Ne 
your own animation. Ea 
It can be anything you To make the a N 
like, but try to make star change size | fu 
your animation match repeatedly, you 7 4 
the setting. can adda 

block around 20 

oe 

— 
20 


change size by & 


— 


P 


LOST IN SPACE FULL CODE LISTING 


The spaceship launches and then heads for Earth. The star twinkles in the 


set size to 100 % 


switch costume to Spaceship-a 


go to x: -150 y: ED 


set size to 100 % 


Aan . . This loop makes the spaceship 
poin in chiesto œŒ move repeatedly while switching 20 
say for (2) secs costumes and getting smaller ; 
- change size by (2) 
point towards Earth 
4 o The astronaut monkey 20 | 
Dy Sater ee is set to spin forever 
4 change size by 2) 
next costume in space! 
= | 
change size by @ Com = 
pa -3 


SA turn Cc (1) degrees Two repeat loops cause the star 
This piece of turn C4 @ degrees | P P 


+ to get bigger, then smaller again 
space-rock bounces 
around the screen. 


go to front 


point towards Earth 


move @ steps 


if on edge, bounce 


Whenever the sprite hits 
the edge of the stage, it'll 
bounce off 


Now You Could Make... 


With the skills you've learnt, why not try these projects? 


—_—_ 
aa — 


ee. 


forever 


= 


PARTY 


Animate balloons and 
create multicoloured 


disco lights. You could change color effect by @ 
even create some it @ 
party music. Wan este 
S 
WALKING SPRITES DANCE MOVES 
Some sprites, such as Code a sprite to dance along to some 
‘Pico walking’, have a set music by changing costumes and 
of costumes for creating moving around the stage. 


a walking animation. 


p” O | E aie 
: when 5 clicked 
| when fa clicked | / l See 
> “nes repeat (2) 
P _switch costume to AZtopLstep 
wait fig secs 
wait @Ð secs wait oe secs 


3; 
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Want to code a 
ghoulish game? 


WORDS TO FIND 


Ghost Catcher 


Ghost Catcher 


Let's start by animating a ghost. PROJECT FILES 


To download a zip file 
of all the Scratch 2 
(.sb2) project assets 
files for this book, go to: 


Open a web 

browser and go to 
rpf.io/book-ghostcatcher 
to open the 

Ghost Catcher project. rpf.io/book-s1-assets 
Click on the Ghost sprite, 
and add code to make 

it repeatedly appear 


and disappear forever. Variables 


Random numbers 


Ø TEST YOUR 
PROJECT 


Click the green flag to test your 
code. You should see your ghost 
appear and disappear every second. 


eeeeeeeeceeseeeee® Move your ghost around 
the stage, so that it’s when clicked 


harder to catch! 


(©) CHALLENGE Instead of staying in the 


= same position, you can 


MORE > let Scratch choose a 
RANDOMNESS : random position for the 
Can you make your : ghost sprite before it 
ghost appear on the appears each time. 


screen for a random 
amount of time? Can 
you make the ghost a 
random ane each time o Test your code. Does your ghost 
it appears: sprite move around the stage? 


[J Your ghost always waits exactly 1 second 
before appearing 
and disappearing. 


X301 : To change this, grab | EOT 
(0)9Z1S.}0S,-D-0} : s 
AENA : a 
ù i 3 > block from the 
BZis)}s0yb Wapuoi : green Operators wal pick random @ to €D [secs 
Dilo4 20 ID AN, . pick random C1) to (10) 
Al eS : category and ( 


phiosesnoh jo peg 
Aubl aod 
PpD 0} pasu |LN0A 


go to random position 
> 


place it inside the 
first block, 
replacing the 1. 


Your ghost will now wait anywhere between 
1 and 10 seconds before appearing, which 
is a long time! 
Change the 
numbers in your 
block 
until you're happy 
with how often 
your ghost appears. 


Let's allow the player to catch ghosts! 


Add code to allow 
the player to catch 
a ghost. 


Test out your project. Can you catch ghosts as they O) CHALLENGE 
appear on the stage? 


ADD A SOUND 
TIP! FULL-SCREEN MODE Can you play a sound 
each time a ghost 

is caught? 


(im Y !Book-Ghostb 
by RPiFounda} 
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TIP! VARIABLES 
score |Í 


Let's make things more interesting by keeping score. 


To keep the player's 
score, you'll need to 
create a variable. Click 
the bright orange Data 
category in the blocks 
palette and then click 
Make a Variable. 


Type score as the name 
of the variable, make 
sure that it is available for 
all sprites, and click OK 
to create it. 


You should now see 

lots of code blocks that 

can be used with your 
variable. 


You'll also see the 
score in the top-left 
of the stage. 


Scripts Costumes Sounds 


f Mot or Events 
Bf Looks ntrol 
Iso. € 
I 


Y y |= 


Make a Variable 


Make a List 


New Variable 
Variable name: score 


@ For all sprites © For this sprite only 


m Cloud variable (stored on server) 


Make a Variable 


When a new game is started (by clicking the flag), 

= you should set the player's score to 0. Add this code 
to the Stage in order to set the score at the start of 
the game. 


aie ahead 


when clicked 


set score to 0 | 


Whenever a ghost is caught, you need to add 
=~ 1 to the player's score. Add this code to your 
: Ghost sprite. 


when this sprite clicked 


change score by (1) 


Test your program and 
try to catch some ghosts. 
Does your score change 
each time you click 

on a ghost? 


(E E E E E E E E E O E O O E E a E a e E O e E a E e E E e E e E E e e E E e E e e E e e e E O E e E E E E E E E E 


E ADD A TIMER 


You can make your game more interesting, by only 
giving your player 10 seconds to catch as many 
ghosts as possible. 


m 


Make a Variable 


You can use another 
variable to store the 
remaining time left. Make a 
new variable called GGT). 


a This is how the timer should work: 


e The timer should start at 10 seconds; 
e The timer should count down every second; 
e The game should stop when the timer gets to O. 


Add the following new script to your Stage. The 
CE) block is found in the Operators category. 


clicked 


to 10| 


time = 


when 
set time 
repeat until 


wait (1) secs 
, 


change time 


stop all 


Drag your GEST) variable 
display to the right side 


of the stage. You can also 
right-click on the variable 
display and choose large 
readout to change how 
the time is displayed. 


(©) CHALLENGE 


MORE | 
RANDOMNESS when _ clicked isthe 
Ask a friend to test 54SOY0-dYp DD" 


your game. Change 
the numbers in your 
game if they found it 
too easy or too hard i pense! 

set size to pick random [ec] to & % 


‘Us1Vjossoj.joaddn 
$3S045 OLAYIN 


SWISS] 
AAD oY} BAI‘) 


{© CHALLENGE | CHALLENGE La New sprite: © / 8 © 
= A a E 


MORE OBJECTS Ae ee 


Can you add other objects to your game? You 
can right-click on the sprites in the sprite list 
and click ‘show’ to make them appear on the 
stage. You don't have to use those sprites, 
though: you can add any other sprites you 
want from the Scratch library. 


% What numbers 
—A did you decide on? 


Before you get started, you 
could complete the table below. 


Le 


How often What happens How many points 
will it when it has will you score (or lose) 
appear? been caught? for catching it? 


0, 
GHOST Between 40% Between every Plays a isto seared 
and 80% OA and 18 seconds ‘pop’ Sound 


What size 
will it be? 


a 


CLUES 


1 DUUVUU 
2 OUOLØUUUOQUL 
3 (JWI 

D OUUWUU 

s JUUUU 
é(UUUU 


>» OUUUUU 


GHOST CATCHER FULL CODE LISTING 


The Stage scripts reset the score The Ghost sprite has two scripts: one 
to zero and handle the timer. to make it appear in a random position, 
and another for the player to ‘catch’ it. 


This loop reduces 
the time variable 
each second, until 
it's zero 


We wait a random number 
of seconds before 
revealing the ghost 


When the player clicks the ghost, 
1 is added to the score 


Now You Could Make... 


With your new coding skills, you could try these projects... 


VOTING APP 


Create a sprite and a variable for 
each choice, and let your friends 
vote on their favourite! You could 
even add a reset button to set the 
votes back to zero. 


when this sprite clicked 


change dog votes by (i 


PLAYER CHOOSER 


Allow players to randomly 
choose a character by 
randomly changing its 
costume when the sprite 
is clicked. 


when this sprite clicked 


player chosen 


RANDOM ART 


Use 

blocks with blocks 
from the Pen category 
to create unique works 
of art! 


when this sprite clicked 


Need to talk 
to someone? 


FINISHED PROJECT 
Hey! What's your 


The character asks the 
user questions 


A box appears for 
the user to enter 


their answer Your chatbot can be any 


sprite you like, but should 
have four costumes 


TIP! © 


PROJECT FILES 


STEP 1: YOUR CHATBOT 


Choose your character's personality and look. 


To download a zip file 

of all the Scratch 2 

(.sb2) project assets 
files for this book, go to: 


Before you start making your chatbot, you 
-9 need to decide on its personality. Think about: 


rpf.io/book-s1-assets 


Selection ( ` and 
blocks) 


Keyboard input 


using the (5) 


block 


Using the (ff) 
block to join text 
together 


63 


Open a web browser and go to rpf.io/book-chatbot 
to open the Chatbot project. Click the Remix button. 


g There are two characters in the sprite list: Chatter 
and Natter. If you prefer to use the Natter sprite, 
then you can right- 
If you 2 : 
prefer, you can choose : Click and show the 


a different sprite from the : sprite. You can also 
Scratch library (or even draw your : : al; A 
own). For this project, the sprite you s right click to hide 
use should have four costumes, : the Chatter sprite. 
such as the sprites above. ? 


Sprites 


Backdrops 


J Choose a stage backdrop to match ee e AE 

your Chatbot's personality. There are [a/ġa 
already two to choose from, or you T : 
can select a different backdrop from 
the Scratch library. We're sticking Outside 
with the Outside backdrop = 


fe 


Library 
482x362 


A TALKING CHATBOT 


Now that you have a chatbot with a personality, 
let's program it to talk to you. 


a Click on your chatbot character, and add this code: 


when this sprite clicked 


FOA Hey! What's your name? Fir AVET 


EA What a lovely name! Egi (2) secs 


Click your chatbot to test it out. When you are asked 
your name, type it into the box along the bottom of 
nege COMBINING 


BLOCKS 


To create that last block 


Hey! What's your in the script, you'll need 
name? to first drag a green 
ASTD block, and drop it 


on to the block. 


join 


You can then change 
the text ‘hello’ to say Hi, 
and drag the light blue 
5» block (from 
the Sensing category) 
onto the text ‘world’. 


Your chatbot simply replies ‘What a lovely name!’ 
every time. You can personalise your chatbot's reply, 


by making use of the user's answer. Change the 


chatbot's code, so that it looks like this: 


i If you want to add text 
[ ) after the answer, you 
can use another 
EOW Hey! What's your name? |ETite Welle block inside the second 
field of the first one. 


say join aj) answer for @ secs 


say | join we Ene Od onnn 
join answer 


DOES IT WORK? 
Test out this new program. 
Does it work as you 
expected? Can you fix any 
problems that you can see? 


a -: 


Make a Variable 


[ If you store the answer 
in a variable, you'll 


be able to make use 
of it throughout your 
project. Create a new 


variable called (Fiat. 


cecoococococoocoococcocooccococoooooooo 


© CHALLENGE | 


You should also see 
your new variable in the 
top-left of the stage. 


Once you've created your new variable, 
= edit your chatbot's code to look like this: 


when this sprite clicked 


FOVEA Hey! What's your name? Er AVET 


set name to answer 


say join fig name for @ secs 


If you test your program again, you'll notice that the 
answer is stored in the (int) variable, and is shown 
in the top-left of the stage. (To hide this, just untick 
the tick-box next to GEE in the blocks palette.) 


MAKING DECISIONS 


You can program your chatbot to decide 
what to do, based on the user's responses. 


Let's get your chatbot to ask the user a question 
which has a yes or no answer. Here's an example, 
but you can change the question if you like: 


say join name for @ secs 


EO Are you OK name and wait 
answer = 
EVA That's great to hear! Eg (2) secs 


say for @ secs 


Notice that now you've stored the user's name 
in a variable, you can use it as much as you like. 


TIP! IF AND IF... ELSE BLOCKS 


So far, the scripts you've written have performed exactly the 
same task each time they are run. and blocks 
allow your scripts to decide what to do next. 


An block includes a condition, and the code inside the 
block is run only if the condition is true. If the condition is 
false (not true), then the code inside the block is skipped. 


oae E 


| live in Birmingham too! 


say 


An block will 
always run either the 
first or second set of 
blocks. If the condition 
is true, then the first set 
of blocks is run. If the 
condition is false, the 
second set of blocks L 
is run instead. 


EVA Well done! 


Wey Try again 


If you test your code, you'll now see that you get a 
response when you answer yes or no. Your chatbot 
should reply with ‘That's great to hear!’ when you 
answer yes (which is not case-sensitive), but will 
reply with ‘Oh no! if you type anything else. 


(©) CHALLENGE 


MORE g You can put any code inside an f or GE 
DECISIONS block, not just code to make your chatbot 
Program your chatbot speak. For example, you can change the 


to ask another question 
- something with a 

yes or no answer. Can 
you make your chatbot 
respond to the answer? 


ə Would you like to 
hear a joke? 
AA A ) ©} 


chatbot's costume to match the response. 


If you have a look at your chatbot's 
costumes, you should see that there are 
four of them. (If not, you can always add 
more yourself!) 


o You can whenthis sprite clicked 
= use these switch costume to Chatter-b 
> costumes as FE) Hey! What's your name? tlt: 
part of your a EGE ce sacen: 
HINT! chatbot's 
response, 
by adding 
“JIMSUD BY} this code: ‘if í answer = BG 
OMIUOASAAODIDOYG po Fete e cece eeeeeeeeeees Se ee 


Sle stop Olin yD AN 
Noles, Jetieuo 
Poor pagu/irnd; 


Ø TEST YOUR PROJECT 


Test out your program and you should see your chatbot's 
face change depending on the answer you give. 


STEP 4: CHANGING LOCATION 


You can also program your chatbot Scripts | Back 
to change its location. New backdrop: 
m/e G 


Click on your stage and then click 
= the Backdrops tab. You should see 
: that your stage has two backdrops. SEE 

Add another backdrop to your stage 482x363 

if you can only see one. 


maf 
E I 
-TOTELTUETELTTELTee Tee Teereeereeree reer ree ree ree ree EPEN ™ 
Library 
482x362 


You can now program your chatbot to change 
location, by adding this code to your chatbot: 


cOd I'm going to the library. Do you want to come with me? IM: ATEN: 


answer = 


switch backdrop to Library 


—J answer yes when asked 


You also need to make sure that your chatbot is in 
its Original location when you start talking to it. Add 
this block to the top of your chatbot code: 


whenthis sprite clicked 


switch backdrop to Outside 
switch costume to Chatter-b 
=)" Hey! What's your name? | Er: Elie 


set name to answer 


Test your program, and 


if you want to go to 

the library. You should 
see that the chatbot's 
location has changed. 


Does your chatbot change location if you type no? 
What about if you type I’m not sure? 


[J You can also add this code inside your (jj block, to 


make your chatbot jump up and down four times 
if the answer is yes: 


cO I'm going to the library. Do you want to come with me? [Fae WE) he 
if answer = #@j then 


switch backdrop to Library 


repeat@) 


change y by (10) 


wait HÌ secs 


change y by 
wait 0.1 secs 


+ 


Test your code again. Does your chatbot jump up 
and down if you answer yes? 


©) CHALLENGE | 


Should | put on my 
hat? 


% Draw your own sprite and take a photo of it to 
—2 use in your Scratch project! 


HATBOT FULL CODE LISTING 


CHATTER 
The Chatter bot asks questions 
and responds to the answers. 


The character speaks 
the given text and waits 


whenthis sprite clicked (peer; 


By storing the first 
set name answer in a variable, 
ae we can reuse it in later 
join name {| speech and questions 


join Are you OK EEE 


Switching to costumes 
with different facial 
expressions adds impact 


We can even switch the 
backdrop to move the 
character to a new location 


wait 0.1) secs 


Now You Could Make... 


With the skills you've learned, try making these projects... 


QUIZ 


Create a quiz that asks 
questions, and checks 
whether the player's 
answer is correct. A 
point is added to the 
player's score if they 
get a question correct. 


PAINT APP 


Use your mouse to draw 
on the stage! The hidden 
sprite will follow the 
mouse pointer, and the 
pen only draws if the 
mouse button is pressed. 


p” 


when æ clicked 


forever 


change score by @& 
else 


oy 


GUESSING GAME 


A number between 1 and 100 is randomly 
chosen, and the player must try to guess the 
chosen number. You could even adapt the 
game to keep track of the number of guesses 
taken, so that you can play against your friends. 


za — 
when fa clicked 


set number ite 


Want to learn 
about co-ordinates? 


On Target 


y | (%:0,¥:180) | score EOS 


You can hide the 
grid when you get 
really good! 


If the aiming circle 
lands on the target, 
your score increases 


(X:-240,¥:0) (X:240,¥:0) 


Click the aiming circle to 
send it to the (x, y) position 


Set the x and 
y you have chosen 


co-ordinate sliders to the 
position of the target 


(X:0,¥:-180) 


THE CO-ORDINATES GRID 


Let's start by adding a co-ordinates grid backdrop. 


rpf.io/book-s1-assets 
Open a web browser and go to rpf.io/book-ontarget 
to open the On Target Scratch project. Click Remix. 
WHAT YOU'LL LEARN 
The project contains two sprites: a target for you to 
try to hit, and an aiming circle that will move to the 
co-ordinates you select. The target sprite is hidden 
at first; you'll use it later. 


Scratch uses co-ordinates to allow you to accurately 
position sprites on the stage. There's a backdrop to 
help you understand the co-ordinates grid. 


On Target 


Add the xy-grid backdrop fo 
= to your project (keep the va 
: blank backdrop). 


The co-ordinates of the 
stage run from -240 to 240 
along the x-axis, and -180 
to 180 along the y-axis. The 
co-ordinates of the centre are (x:0, y:0). 


y | (%:0,¥:180) 


(X:-240,¥:0) :0,¥:' (%:240,¥:0) 
+ — - 4 
j ) x 


(%:0,¥:-180) 


The position (x:-200, y:-100) is towards the bottom 
left on the stage, and the position (x:200, y:100) is 


near the top right. 
i) 


y | (%:0,¥:180) 


(X:-240,¥:0) 


(x:-200, y:-100) 


eeoeee3es&#oeeeee0ee0ee0eeeeeeeeeeeeeweeeeeeeeweeeweeeewnoeeeeeeeeeeeweneeeeeeeeeeee 8 8 


(%:0,¥:-180) 


On Target 


It can 


USE CO-ORDINATES be tricky to remember 

p 7 y the difference between 
Try moving the mouse pointer around the stage and notice x and y. The y-axis goes up and 
how the co-ordinates shown in the bottom right-hand ~ down like a yo-yo. 


corner change. 


(%:0,¥:180) 


(X:0,¥:0) 
+ 


(%:0,¥:-180) 


You can use this to cheat in the game we're making! 
But if you switch to full-screen mode, you don't see the 


co-ordinates of the mouse cursor. 


The (ZY and 
Motion blocks take 
their default inputs 
from the current 
position of the sprite. 
This means you can 
move a sprite to the 
position you want it 

to go to and then just 
drag the block to the 
coding area. This is 
easier that working out 
the co-ordinates and 
entering them yourself. 


(X:240,¥:0) 
4 


X 


@eeeee3e#seee#eesesveees 


ecoeoevoeeve02e2e2e2e2e@e0e2e2080@88080808080808080808080808080 0 @ 


On Target 


Add letters to the grid below to mark the following 
positions: A: (x:50, y: 50); B: (x:-100, y: -100); 
C: (x: -150, y: 100); D: (x: 175, y: -30) 


ls 


y | (%:0,¥:180) 


btonOO/N 2A -B 


(X:240,¥:0) 
S| x 


(%:0,¥:-180) 


AIM AT (X, Y) CO-ORDINATES 


Now let's send the aiming circle to (x, y) co-ordinates. 


Add a variable called x coord to your Aim sprite and 
= choose ‘For all sprites’. A monitor for your variable 
will appear on the stage. 


y | (&:0,¥:180) 


(%:0,¥:-180) 


[J Double-click on the variable 

monitor for the x coord 
variable and it will change to 
just showing the number; this 
is called the ‘large readout’. 


cococooooooooocococooocococosocococooocooooo oo 


Double-click on the 


= variable monitor again and k coord æ 


it will turn into a slider. 


cesoocoocoooooococoooooooooooooooooooooo 


Drag the slider and watch 
= the number change. xcoord MJI 


>) 


% The current smallest number for the slider is 
-A and the largest number value is ____. 


You're going to use the slider to represent an 
x co-ordinate, so it needs to be able to change 
between -240 and 240. 


a Right-click on the 

= x coord variable monitor 
on the stage and choose 
set slider min and max. 


eecococoococooocococococoooosooocooooo 


Set the Min to -240 and 
: the Max to 240. 


Slider Range 


Min: 0 


Max: 100 


OK 


On Target 


Make a Variable 


On Target 


Try the slider out. Now you can set the x coord 
variable to values from 
-240 to 240, which 
corresponds to the range 
of the x-axis in Scratch. 


E coord p 


ť—— 9 


cocoococooooococooooococoooooooooooooooo 


[J Now add ay coord xcoord EEB 


variable for the y 
co-ordinate and change 
to the slider setting. 


Difficulty D | 
eo 


J Set the Min to -180 

= and the Max to 180 

: to match the range 
of the y-axis. 


[J Drag your x and y sliders to the bottom left of the 
stage. Make sure you place x on the left and y on the 
right, as co-ordinates are given in this order. 


y | (%:0,¥:180) 


(%:240,¥:0) 


On Target 


Now add a script to your Aim sprite so that when 
™ you click it, it glides to the x coord and y coord 
shown on the variable sliders. 


when this sprite clicked 


glide @ secs to x: x coord y: y coord 


Spend some time changing the x and y co-ordinates 
= and then clicking on the aiming circle to get it to 
: move to the position you have chosen. Make sure 
you understand how changing the x and y sliders 
will change the position of the aiming circle. 


y | (%:0,¥:180) 


(%:240,¥:0) 


(%:0,¥:-180) 


On Target 


@ DEBUG | 


go to front 


TIP! 


(go to front 


CAN YOU HIT THE TARGET? 


Now let's see if you can set the co-ordinates 
correctly to aim at the target. You'll score a 
point each time you hit the target. 


Right-click on the Target sprite below the stage and 
=~ choose show. The sprite will appear on the stage. 


Sprites New sprite: & /  @ 


Add a score variable for all sprites and drag its stage 
monitor to the top right. 


y | (%:0,¥:180) 


[ contro! 
| Sound | Sensing 
Bren J] Operators 


Add a script to 
= the Aim sprite to 
: set the score to 0 when clicked 
at the beginning 


of agame. 5s or’ 


l 
Add code to the Aim sprite to check whether it is TIP! DRAG IT 


touching the target after gliding. Either reward the If you want to try this 
player by saying ‘Well done!’ and adding a point to out in full-screen 
the score, or if they didn't hit the target, you can say mode, then you'll need 


‘Oh dear! to allow the target to 
be dragged. Click on 
P= i information (i) for the 
; Target sprite and click 
atte @ socstox: O the box next to ‘can 
drag in player’. 
_g0 to front | to front 


| v 1 e 
EETA Well done! for @ secs > 


kd 
say for @ secs 


y | (%:0,¥:180) 


I Ss sf x0,v:-180) 


TIP! BROADCAST 


To create a new Now let's get the target moving to a random position 
block at the start of the game and at the end of each turn. 
message, click its 
drop-down arrow and 
select ‘new message...’. 


Add a script to the Target sprite to go to a random 
position when it receives a go message. 


d a 
new message. po D 
( ) 


Now type a message , = 
into the Message Name ee eidom: position 


field and click OK. 
= Add a block to the script of the 
viscage tame: A Aim sprite to broadcast a go message. 
The new message | ps 
will now appear in the = 0 
block and m < 
will be also available in | B J 
its drop-down list. S 
E | Add code to the Aim sprite’s 
z script to broadcast a go message at the end of a turn. 


touching Target ? 


go to front 
v 1 
say for (5) secs 


say for @ secs 


On Target 


Ø TEST YOUR PROJECT 


Now you can try playing the game. Click the green flag to start. 
The target moves to a new position. Set the x and y sliders and 
then click the aiming circle to send it to that position. 


Did you hit the target? Have another go. Keep trying until you 
are good at it. 


eeee3se&oseeeeeeeeee 


(©) CHALLENGE 


HIT IT 


Sometimes the target ends up on top of the sliders. That's 
annoying! Click the green flag lots of times without playing 
the game until you see the target on top of the sliders. 

Can you add code to the target sprite so that it moves to a 
new position if it ends up on top of the sliders? 


Start with this code and fill in the positions. 


@eeeeee2+eoeee0eeseee7eeeee#eee 


random position 
go to p eocoeovoeeveeeeeeee oo 


x position > || or y position > || | 


| HINT! 


rf- pano 


You need the centre of the = ro) (a: vukao 
target to avoid landing in the TTEN rd. 
highlighted rectangle. PENOJ KOP RYD 
; O-puraub-upiy 
Ltr al care =H 48)0516/S1 GMs 
clicking the green flag lots fe) 9) 247 a 


of times and make sure it xecord EB | (y coord GEN S N N 
doesn't land on the sliders. S j oypoawno AdO? 


UDLA ab bIq-srop- 


TIP! Jagwa uy 
i 1001p SUDdUT-< 


You can move the mouse to check the co-ordinates 
of positions on the stage. 


On Target 


E MORE POINTS FOR ACCURACY 


Now let's increase the score if you get your aim 
closer to the centre of the target. 


color is touching? You're going to use the (ke) ola ee uea block to 
= detect which part of the target the pink circle in the 


centre of the aiming circle is touching. 


You'll get 3 points if it's touching the yellow circle, 
2 points for red, and 1 point for blue. 


Update the code on the Aim sprite so that it checks 
= whether the centre of the sprite is touching the 
eco eceee occ eee cee : target's yellow centre and rewards the player 
: with points and a different message: 


when this sprite clicked 
glide (1) secs tox: x coord y: y coord 
if touching Target ? then 

go to front 


if color Wi is touching ? then 


change sco? by (3) 


say for © -o-< S Click on the first colour and 
else then click on the pink colour 
change score by @ in the centre of the Aim 
( i sprite. Click on the second 
s TO ae colour and then click on the 
yellow colour in the centre of 
the Target 


else 


say for @ secs 


broadcast go 


eeee0eoe0ee0e8e8e0eee0ee3e#eeeeeeeeeeeeee @ 


On Target 


Update the code on the Aim sprite to detect when 
= the pink circle touches the red ring to give 2 points. 
when this sprite clicked 


glide (1) secs to x: x coord y: y coord 


touching Target ? 


go to front 


color is touching E ? 


change score by (3) 


: 
say for @ secs 


color is touching ? 


change score by@ 


> 
say for @ secs 


change score by @ You need to add an if...else 
( block inside the else section 
Not bad! fý 6 
ae Ose: of the previous block. Also, 
move the blocks in the 
previous block's else section 


to the else section of the 
say for @ secs new if...else block. 


broadcast go 


You don't need to check for the red ring being hit if 
you know that the player hit the yellow ring, so this 
code goes in the else section. 


HINT! 
qD 


DASA 

Become a co-ordinates expert! Keep practising BJ Umop-puc-dn 
until you are really confident using co-ordinate grid E E ELES 
positions in Scratch. Go} 5470-9 e1.03 

woo aiaei 
Add a ‘turns’ variable and see how many points you WC SUNCSIXDCA AGL 
can score in 10 turns. 346i ayy US Die 

oryojayrun arz: 
Can you add instructions to your game that explain aw} Rest Spay 


how co-ordinates work? You can record your own 
voice or type text into a sprite. —_+_-_L 


On Target 


ii 


(©) CHALLENGE 
TOO EASY FOR YOU? vosos ooo 


Try making the Aim sprite “* /aa 
or Target smaller so you j 
have to be more accurate. 


Try changing the 
backdrop to the plain : 
one without the grid. 490080 


reeivl 


[score GP | 


FE, = J 


yoo om | 


If you like, you can add a script to the stage to switch 
between the backdrops when you press a key: 


when b key pressed 


next backdrop 


Hide the grid and switch to full-screen mode so that 
you can't cheat by looking at the co-ordinates of the 
target. If you find you're not hitting the target, switch 
back to the grid backdrop and have a bit more practice. 


WORK WITH X AND Y POSITIONS 


Scratch has built-in variables for g-ga j- 
the x and y position of a sprite. Cont 


T 
i 
Click Scripts and then Motion f Data 
and you will see the x position — 
and y position variables near 
the bottom. toot 


Just as with variables you create, 
you can click the tick-box to show 
these variables on the stage. 


The variables will 


change x by (10) 


update when you drag 

the sprite around 

the screen. 
You can change the change y by 


x and y position of a 
sprite separately using 
set and change blocks. 


To send a sprite to a random y position, use: 


set y to pick random @Œ@ K0 to 


What numbers do you need in the following code 
to send a sprite to a random x position?: 


set x to pick random dD to Ss 


On Target 


eeee5eeecs55cceeeses eee#37#e#e 


PICK RANDOM 


The 
pick random 
block selects a random 
number ranging from the 
value given in the first field 
to the value in the second 
field. If both values have no 
decimals, it will report 
a whole number. 


ON TARGET FULL CODE LISTING 


A key press changes the backdrop. When clicked, it's sent to the 
co-ordinates of the sliders. 


next backdrop 


ii CEES 


k ,¥:0) (%:0,Y¥:0) ( ,Y:0) 
+ 


touching Target ? 


(%:0,¥:-180) 


go to front 


) 


It's sent to a random position. v 3 


say for @ secs 
= i i ? 
go to random position color P] is touching E 


J 


soe wO D 
E 
say for @ secs 
J 
— 


z= 
say for @ secs 5 
) 


ea.) 5 


Now You Could Make... 


With your new-found knowledge, you could try these projects... 


GLIDING GHOSTS 


g when s clicked | 


Create an animation 
that uses co-ordinates 
to position 

sprites accurately. 


Make a maths app that Code a game where 
allows you to ask the user rocks always fall from the 
for co-ordinates and then same y position (height), 
stamp a sprite to plot the but random x positions. 
given co-ordinates. - 


GRID PLOTTER FALLING ROCKS ae 


when pa clicked 


forever 


repeat until y position of Rocks < BE 


= 


when fe clicked 


forever 


Want to make a 
boat race game? 


Boat Race 


Code an exciting 
racing game! 


C 
—— Add speed boosts, a 
timer, and ! 
m R imer, and more 
= 
D 
eo 
< =o 
Z 
S 


Boat Race 


FINISHED PROJECT 


Hitting brown obstacles 
will send the boat back to 
X the start of the race 


The boat will 
follow the player's 
mouse pointer 


The player needs to get 
the boat to the island as 
fast as they can 


Touching the 
white arrows will 
speed up the boat 


STEP 1: CONTROLLING YOUR BOAT 


Program your boat sprite to follow 
the mouse pointer. 


Sprite movement 
using the mouse 


In a web browser, go to rpf.io/book-boatrace to 
open the Boat Race project. Click the Remix button. 


PROJECT FILES 


You are going to control 

= the boat with your 
mouse. Add this code 
to your Boat sprite: 


-To download a zip file 
of all the Scratch 2 
(.sb2) project assets 

-files for this book, go to: 


rpf.io/book-s1-assets 


Boat Race 


Test out your boat, by 
—J clicking the flag and 
moving the mouse. x 


Does the boat sail 

towards your mouse 
pointer? When done, hit 

the red Stop button. 


Have you noticed that the boat glitches if it reaches 
the mouse pointer? To stop this happening, you'll 
need to add an ff) block to your code, so that the 
boat only moves if it is more than 5 pixels away 
from the mouse. 
Note: This uses a 


: Operator when clicked 
block with ee 
Sensing block. ST EES 


move @ steps 


Test out your boat again, to check that the problem 
has been fixed. When done, hit the Stop button 


eeeeee#ecsos3+oee30eo0so#+oe30e3ee350eo3e«eoeee0eoe3uao#e3exee0e3e3nevee3ue#53ue#eeeé 


Scripts Cost 


Your boat can sail through the wooden New costume: 
barriers! Let's fix that. ¢/aa 


You'll need two costumes for your 


= boat: one normal costume, and one for 
when the boat crashes. Right-click on 
your boat costume to duplicate it, and 
name your costumes normal and hit. 


normal 
185x104 


hit 
aialelelelereieie elele(e alate lsicioiolelsieleleleletelsisrelolsiajelesleleleleisiosieisialelslelersisiers 185x104 


TIP! SELECT TOOL 


Click on your hit costume, and choose the Select 
tool to grab bits of the boat and move and rotate 
them around. Make your boat look as if it’s crashed. 


185x104 
: sy « = 
212x152 e My 
— =y 
Select — 
—— 
Add this code —_—_ 
to your boat, m 
inside the go to x: -190 y: -150 
loop, so — 
that it crashes 
when it touches 
any brown 
touching color ? 

wooden bits. = — = 

[ say i for C1) secs 

switch costume to normal 

(ae oem -190 FH -150 
This code 
is inside the 

loop, 

so that your code keeps checking if the boat has 
crashed each time it moves. 
Note: To set the correct colour, click the colour 
square in the KITA a block, then click a 
part of the brown scenery on the stage. 


FEROA 


9 


Boat Race 


(©) CHALLENGE 


WINNING! 


Can you add another 
block to your boat's 
code, so that the player 
wins when they get to 
the desert island? 
When the boat gets 
to the yellow desert 
island, it should say 
‘YEAH!’ and then the 
game should stop. 


‘SOUSIUL 
JOOq-onTUueuM 
Syds Ados 

aaO aa] Tei Ta, 
doS IS OY 
paaur NOA 


eeeeeeeees35eee#eee#e#ee#eeeeeé 


You should 
= also make sure 
> that your boat 
always starts 


switch costume to normal ) 


go to x: GED y: GED 


a new game distance to mouse-pointer > 
looking like it's PSE mouse pointer 
‘normal’. Add move @ steps 


this block to 


touching color ? 


switch costume to hit 


> 
say for @ secs 


switch costume to normal 


go to x: GED v: GED 


the start of your 

boat's script 

(outside of the 
block). 


Ø TEST YOUR PROJECT 


Now if you try to sail through a wooden barrier, 
your boat should crash and move back to the 
start. When finished, click the red Stop button. 


—=_ 


Noooooo! 


(©) CHALLENGE 


SOUND EFFECTS 


Can you add sound effects to your game, for when the 
boat crashes, or reaches the island at the end? You could 
even add background music (see the previous ‘Rock Band’ 
project if you need help with this). 


TIME TRIAL 


Let's add a timer to your game, so that the player 
has to get to the desert island as fast as possible. 


Add a new variable | | Make a Variable 
= called GD to your 7D 
: stage. You can also | 
change the display g eee 
of your new variable. | change time by @ 


If you need help, 


have a look at the 


‘Ghost Catcher’ | hide variable time 
project. 
Make a List 


[J Add this code to 
= your Stage, so that 
: the @ variable 


counts up, starting set time to fj 
at 0: forever 


when clicked 


wait 0.1 secs 


change time by Œ 


That's it! Test out 
your game and see 
how quickly you 


can get to the 
desert island! 


Boat Race 


Boat Race 


reas ag in eg en EP 4: OBSTACLES AND POWER-UPS 


This game is far too easy — let's add things to make 
it more interesting! 


First let's add some ‘boosts’ to your game, which 
will speed up the boat. Click the Stage, then the 
Backdrops tab, and add some white booster arrows. 


eeee50e0eoee3e0e0ee30ee3eoe3eete3e3ee3ewe3e3eeweee5eweeeeeeeee@ © @ @ 


You can now 
add some code when clicked 


: to your boat's e vernal 

: loop, go to x €D y: € 

> so that it moves forever 
3 extra steps 
if touching a 
white booster. 


switch costume to hit 


. 
: b 
eeccesocoooooocosocoooosoooooo Dr for @ secs 


switch costume to normal 


go to x: GED y: GED 


Test your new [ re Dp 
code. Does your move © steps 
boat speed up : 


when it touches a 
white booster? 


eeeeeeeeeesgeeeeeeeee 


You can also add in a spinning gate, which your boat 
has to avoid. Draw a new sprite called Gate, which 
looks like this... 


Make sure that the 
colour of the gate is 
the same as the other 
wooden barriers. 


x: 240 y: 180 


New sprite: © / $ 


eecocoocococococococoocooooocooooooo 


Set the centre of the 
gate sprite by clicking the Set costume centre 
button and clicking in the centre of the rectangle. 


mes | Sounds G9 See project p 


costumel Soa Clear | Add || Import a oa g 


Add code to your gate, to make it spin slowly 
forever. Tip: Look at the code for the monkey sprite 
in the ‘Lost in Space’ project. 


Noooooo! 


Test out your 
game. You should 
now have a 
spinning gate that 
you must avoid. 


Boat Race 


Boat Race 


©) CHALLENGE © CHALLENGE 


MORE MORE BOATS! 
OBSTACLES! Can you turn your game into a race between two players? 
e You could add green 
slime to your backdrop, e Duplicate the boat = s/o me 
which slows the player sprite and change : 
down when they touch its colour. Ae = 
it. You can use a uy r 
block to do this: D: 
e Change Player 2's 
starting position, 
cea go to x: GED y: 
A this code: 


e Delete the code that 


® You could add another uses the mouse to distance to mouse- pointer > 5] 
moving object, like a control the boat: Ipoint towards mouse-pointer 
log ora shark! move @ steps 


Replace it with code 


= l -ù | to control the boat 


using the arrow keys. 


e These blocks may e This is the code : 
help you: you'll need to move 
the boat forward: move @ steps 


move @ steps 


if on edge, bounce 


You'll also need code to turn the boat when the left and 
right arrow keys are pressed. 
e If your new object isn't 
brown, you'll need to 
add to your boat code: co ceceer reece cces 


touching color ? or touching Shark ? 


Boat Race 


©) CHALLENGE | 


when space key pressed 


% 


next backdrop 


Draw a backdrop idea... 


BOAT RACE FULL CODE LISTING 


\- 
oO 
z 


Steered using the mouse pointer, 
the boat must be guided safely 
around the course. 


switch costume to normal 


go to x: VA -150 


This prevents glitching 


when the boat gets near 
the mouse pointer 


This continually spinning gate 
provides a tricky obstacle. 


distance to mouse-pointer 


point towards mouse-pointer Pa 


move @ steps 


m~s 
“touching coor 7a 


switch costume to hit 


> 
If the boat 
I 
| say for @ secs touches a brown 


object, it switches 
to its ‘hit’ costume 


> 
go to x: T -150 to show a crash 


touching color zm ? 


say for @ secs 


> 


turn C4 @ degrees 


— 


switch costume to normal 


This code uses a variable to 
manage the on-screen timer. 


> 


When the boat touches 
D) the yellow island, all 


PSS scripts are stopped 
touching color E ? | 


Now You Could Make... 


You'll find lots more cool projects at rpf.io/ccprojects, including... 


ARCHERY BEAT THE GOALIE 
Create an archery game, Create a football game in 
in which you have to which you have to score 
shoot arrows as close to as many goals as you can 
the bull's-eye as you can. in 30 seconds. 


Want some handy 
code snippets? 


ADA'S POETRY GENERATOR 


Learn how to create 
randomly generated 
poems! You will be 
using variables and 
selecting random 
items from lists 

in this poetic 
programming project. 


Useful Code 


Useful Code 


Useful Code 


DESCRIPTION 


Playing a sound 


when this sprite clicked 


play sound pop 


Spinning sprite 
when clicked 


forever 


turnC% @ degrees 


Animating 
sprite costumes when clicked 


forever 


next costume 


b, 
wait 0.1) secs 


Bouncing sprite 
when clicked 


forever 


move @ steps 


> 


if on edge, bounce 


Useful Code 


DESCRIPTION 


Drawing a square 


when clicked 


clear 


move @) steps 


> 
turn (4 ED degrees 


Keeping score 
when this sprite clicked 


change score by (1) 


when clicked 


set score to 0 | 


Timer counting down 
when clicked 


set time to 10 
forever 


wait @ secs 


> 


change time by @ 


Useful Code 


DESCRIPTION 


Timer counting up 


when clicked 


set time to BJ 


forever 


wait 0.1) secs 
|> 


change time by @Ð 


Asking a question 
and responding to when this sprite clicked 


the answer ask Are you and wait 


if answer = yes | then 


That's great! for@ secs 


else 


say for 2) secs 


Storing the answer 
to a question in set name to answer 
a variable 


Joining text together say join name for@ secs 


Useful Code 


DESCRIPTION 


Jumping sprite 


when this sprite clicked 


change y by ( 20) 
wait @Ð secs 
change y by 


wait O.1 secs 


ne 


Following the mouse 
when clicked 


forever 


go to mouse-pointer 


Glide to random set xcoord to pick random@Z® to ZED 
stage co-ordinates 


set ycoord to pick random@ED to 180 


glide@ secs tox: x coord y: y coord 


Movement towards 


the mouse when clicked 


forever 


point towards mouse-pointer 


> 


move @ steps 


Useful Code 


DESCRIPTION 


Movement using 
the keyboard when left arrow key pressed 


point in direction (-907) 


move @ steps 


or... 


when clicked 
forever 
if key left arrow pressed? then 
point in direction -907 ) 
move © steps 


> 


if key rightarrow pressed? then 


point in direction ( 907) 


move @ steps 


Check to see if 
a sprite has hit when clicked 


another sprite 
forever 


if touching other sprite ? then 


say for@ secs 


Puzzle Answers 


(aL JO) (0) (8) 
OWA 
OA WW 


(A) (m) (w) (n) (w) 

No waLa) 
WMA waaa) 
(4J(s}lo) H) 


VAONYAdNS 


134904 


vIngaN 
NOOW 
AJANOWN 
ao3LIN 
AYNJYIWN 


yaLldnr 


medaretoata2axexOrecrr 


Learn to code using Scratch, 
the block-based programming 
language. In each chapter you'll find 
instructions to build cool games, 
animations, and interactive stories. 
Your friendly robot guide will aid 
you step-by-step through each 
project and give you handy tips 

along the way. 


